﻿body{font-size:100.1%; font-family: Arial, Helvetica, sans-serif;padding:0 0 0 0; margin: 0 0 0 0; border:0; }
a:visited, a:link{text-decoration: none; cursor:pointer}
a:hover, a:active{text-decoration: underline; cursor:pointer}
input:focus, textarea:focus, label:focus, select:focus {background:#FFFFFF;border:1px solid #686868!important;}
img{border:none}
p {line-height:1.4em;}
h1{line-height:1.4em;text-align:center}
h3, p{padding-bottom:0px;}
input.submit {border:0 none!important;cursor:pointer;font-size:0;overflow:hidden; }
table{border-style:solid;border-width:.1em;}
tr{border:dotted;border-width:.05em;}
hr{border: solid 1px #eaeaea;margin-top:5px;clear:both;}

/*color system */
a:link, a:visited,a:hover,a:link{color:#666666;}
.title {color:#FF9900;vertical-align:top;}
h1,h2,h3,h5{color:#FF9900;}
h1,h2,h3,h5,h6{text-align:left;font-weight:lighter;}
h3,h5,h6{margin:0;margin-bottom:5px;font-size:.9em;}
.blue-text,h6{color:#66CCFF;}
.supported-box a {color:#99cc33;}
.tab-links {color:#66CCFF;padding-left:10px;padding-top:8px;font-size:.9em;}
.tab-links a{color:#66CCFF;margin-left:10px;margin-right:10px}
.green {color:#A4cB60}
.orange {color:#FF9900}
.validation-summary-errors{color:Red;}
.mywallet a{color:#fff}
body{color:#666666; background-color:#fff;}
a.tab-focus{text-decoration:underline;color:#FF9900}
.info-label{color:#FF9900;float:left;width:40%;position: relative;margin-bottom:2px;}
.info-value{float:right;width:50%;position: relative;margin-bottom:2px;}
.home-footer {color:#A4cB60}
.project-text a{color:#FF9900}
.ui-widget-content a,.about-content a { color: #FF9900; }

/* page level widths and heights (incl padding and margins if they have fixed width or height  */
.background_sky {height:408px;width:100%;}
#header{height: 135px;width: 900px;}

/* general style */
.wideInput {width:30em;}
.tagline{width:50em;}
.news-item{height:300px;}
.url{width:50em;}
.wrap{ margin:0px auto; display:block;}
.key {float:left;width:10em;}
.value {float:right;width:10em;font-weight:bold;}
.validation-summary-errors{font-weight:bold;}
.container {overflow:hidden;}
.sub-left {width:30%;position: relative;float: left;}
.sub-center {width:30%;position: relative;float: left;}
.item-charity-logo{width:220px;position: relative;float: left;text-align:center;}
.item-charity-blurb{width:550px;position: relative;float: right;padding-left:15px;padding-right:15px;}
.sub-right {width:30%;position: relative;float: left;}
.mugshot {width:20%;margin-bottom:20px;} .mugshot img{width:150px;height:150px;padding-left:15px;}
.biog {width:70%; }
.biog p{margin-top:0;}
.sub-half {width:49%;position: relative;float: left;} /*not 50% to allow for border in between*/
.sub-item {position: relative;padding-right:1em;float:left;}
.clear {clear: both;}
.good-panel {padding-left:30px;padding-right:20px;text-align:left;}
.howitworks img {padding:10px;height:51px;}
.supporting_logo {max-height:36px;max-width:50px;width:50px;padding-left:5px;}
.corporate_logo {max-height:50px;max-width:90px;width:90px;padding-left:5px;}
.supporting_logo_over {max-height:60px;width:60px;padding-left:5px;}
.howitworks-icon{padding-top:5px;padding-left:20px;}
.supporters table{height:155px;border:0;width:830px;}
.about-content h3,p{padding-right:10px;}
.above-fold-white-box hr,span,.entityList{width:95%;}
.entityList{padding-left:20px; padding-right:10px;}
label{width:150px;float:left;}
.home-foot-links{width:100%;}
/*  header   */
#header{overflow:hidden;position: relative;}
#topnav {float:left;margin-right:10px;margin-left:10px;}
#topnav a {padding:0 5px;}
#topsearch {float: left;}
#topbar{float: right;height: 30px; line-height: 22px;width:380px;}
.searchbox{background-color:#fff;padding-left:16px;margin:0;max-width:130px;
           border:none;border-top:3px solid #ccc;border-left:3px solid #ccc;}
#footer{margin:0 auto; clear:both;}
.footernav a {padding: 0 10px 10px;}
.home-footer{text-align:left;font-size:.8em;}
.home-footer a{padding-right:7px;padding-left:7px;}

/*Panels and boxes, noting that background images are done below*/
.box-repeat{overflow:hidden;text-align:left;position:relative; height:100%;width:830px;
margin:0px auto;padding-left:10px;background-color:White;}
.above-fold-white-box{overflow:hidden;text-align:left;position:relative; height:220px;width:840px;
padding-left:10px;padding-top:20px; margin: 60px auto;}
.background_sky {padding:0;overflow:hidden;z-index:50;}
.howitworks{padding: 1em 0 0 0;text-align:center;width: 820px;margin:  50px auto;position: relative;}
.main-sky{margin-left: auto; margin-right: auto;position:relative;width:992px;overflow:hidden;height:408px;}   
.main-earth{margin-left: auto; margin-right: auto;position:relative;width:992px;overflow:hidden;height:100%;}   

.supporters {padding-top:10px;padding-left:35px; padding-right:35px;width:900px;}
.sunflowers {width:72px;position:absolute;top:90px;height:408px;left:920px;z-index:100;}
.pump {width:100%;position:absolute;top:163px;height:400px;left:10%; z-index:100;}
.mywallet{position:absolute;left:59%;width:348px;height:105px;padding-left:10px;top:-10px;}
.good-logo{float:left;width:42%;margin:auto;vertical-align:bottom;}
.supported-box{margin:0px auto; display:block;height:250px;width:900px;overflow:hidden;}
.background_repeat{overflow:hidden;text-align: center;margin-left: auto; margin-right: auto;height:100%;padding-bottom:20px;}
.background_bottom{overflow:hidden;text-align: center;margin-left: auto; margin-right: auto;height:250px;}
.white-box{overflow:hidden;text-align: center;margin-left: 8px; margin-right: 0;height:153px;width:254px;
           margin-right:10px;padding-top:20px;}
#header a.logo {width:321px; height:72px; display:block;float:left;line-height:0.1em;
                text-indent:-9999em; margin-left:13px;padding-left:20px;}
.about-heading{margin-top:50px;padding-left:20px;padding-right:20px;}

/*background images */
body{background:url(http://dmasbdf3n0iw0.cloudfront.net/bg_all_green.gif) center top;background-repeat:repeat;}
.background_sky {background:url(http://dmasbdf3n0iw0.cloudfront.net/background_sky_with_pump2.gif) no-repeat center top;}
.background_repeat{background: url(http://dmasbdf3n0iw0.cloudfront.net/background_well_extendable.gif) repeat-y center;}
.background_bottom{background: url(http://dmasbdf3n0iw0.cloudfront.net/background_well_bottom.gif) no-repeat center top;}
.white-box{background: url(http://dmasbdf3n0iw0.cloudfront.net/rounded_box_shorter.png) no-repeat center;}
#header a.logo {background:url(http://dmasbdf3n0iw0.cloudfront.net/mygoodpoints_logo.png) no-repeat scroll 0 0; }
.above-fold-white-box{background: url(/content/images/style/project_background_840.png) no-repeat center;}
.rounded-bottom{background: url(http://dmasbdf3n0iw0.cloudfront.net/white_box_flat_bottom_840.png) no-repeat center;height:20px;}
.supported-box{background:url(http://dmasbdf3n0iw0.cloudfront.net/supported_by_background_taller.png);
background-position:center top; background-repeat:no-repeat; }
.slider-box{background:url(http://dmasbdf3n0iw0.cloudfront.net/project_background.png);
background-position:center top;  background-repeat:no-repeat;}
.searchbox{background:white url(http://dmasbdf3n0iw0.cloudfront.net/search.png) center left no-repeat;}
.mywallet{background:url(http://dmasbdf3n0iw0.cloudfront.net/my_account_background.png) center left no-repeat;}
.warning{border: solid 1px red;margin:5px;}

/* font-size  could reduce to fewer classes*/
ul {font-size:.8em;} 
.project-text{font-size:.9em;}
.project-summary{font-size:0.85em;}
.project-title{font-size:1.2em;font-weight:bold;}
.project-trumps {font-size:.9em;}
p {font-size:0.75em;}
h1{font-size:1.55em;}
h5{font-size:1.1em;font-weight:bold;}
h4{font-size:1em;}
table{font-size:.8em;}
h1{font-size:1.55em;}
.title {font-size:1em; }
.good-panel {font-size:.9em;}
#header{font-size:0.75em;}
.searchbox{font-size:.8em;}
.mywallet{font-size:1.1em;}
#footer a{font-size:.8em;}
.charity-toplinks{font-size:.7em;}
.small-print{font-size:.7em;padding-right:50px}

.first{background:none!important; list-style:none!important; list-style-image:none!important;}
.hidden{display:none;}
.right{float:right;position: relative;}
.left{float:left;position: relative;}
.clear{clear:both}
.news{margin-bottom:6px;}
.roundedCorner{-moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px;} 
.divider-after{border-right: 1px solid white;}

/* project specific */
#project_description {width:40em;}
.project-summary{float:left;width:820px;text-align:left;  
border-bottom:1px solid #eaeaea;padding-bottom:10px;
padding-top:10px;}
.project-photo {float:left;width:240px;height:160px; margin:10px;}
.project-photo img {width:240px;height:160px;}
.project-details {float:left;width:540px; margin-left:10px;}
.project-title{margin-top:-3px;padding:4px 0 4px;float:left;padding-top:10px;}
.project-text-container{float:left;width:320px;}
.project-text{float:left;width:320px;}
.project-trumps {float:right;width:190px;padding-top:7px;}
.project-donate {width:10em;}
.project_map{width : 700px; height : 400px; margin : 0px; padding : 0px; 
             float : left; margin-right:20px;}
.project_detail_photo{width:420px;height:280px;float:left;margin:0 3px 0 0;
                      padding:5px;border:none;}
                      
.slider-photo img {margin-right:20px;margin-bottom:5px;float:left;width:420px;height:280px;padding:10px;margin-top:5px;}
.slider-trumps{padding-right:30px;padding-top:14px;}
.roll_over_button {max-width:10em;max-height:4em;}
                      
/*slider */
#slider {width: 900px;margin: 0 auto;position: relative;text-align:center;}
.scroll {width: 900px;overflow: auto;overflow-x: hidden;position: relative;clear: left;}
#carrosel{ padding-left:0px;margin-bottom:0px;overflow: auto; 
           clear:both; display:block}
.scrollContainer {width: 5400px;}
.scrollContainer div.slider-panel {padding:10px 20px;height: 320px;text-align:left;
    width: 900px;float: left; position: relative;}
.scrollButtons {position: absolute;top: 270px;cursor: pointer;width: 1.5em;height: 1.5em;}
.scollButtonsContainer{float:right;}
.scrollButtons.left {right: 3.4em;}
.scrollButtons.right {right: 1.5em;}
.hide {display: none;}
.slider-title{font-size:1.4em;color:#FF9900;margin:0;}
.slider-charity{max-width:80px;padding-top:10px;max-height:30px;height:30px;}
.project-charity{max-width:80px;padding-top:10px;max-height:30px;height:30px;}
.about-content{padding-right:20px;}
#news-accordion img{width:420px;}
.project-page {padding-left:10px;padding-right:10px;}
.main-content-page {padding-left:10px;padding-right:10px;}
.project-page p{font-size:.9em; padding-right:10px;}
.main-content-page p{font-size:.9em; padding-right:10px;}
.project-top-trumps{font-size:1em; padding-left:15px;padding-right:15px;width:300px;}
.about-heading p{font-size:.9em;}
